/** tabbox **/
.table {
	margin-bottom: 12px;
}

.center, .center:before, .center span, .center .fa:before {
	text-align: center;
}

.padding0 {
	padding: 0 !important
}

#maincontent {
	position: relative;
}

#maincontent span.righttopclose {
	display: inline-block;
	position: absolute;
	cursor: pointer;
	top: 2px;
	right: 2px;
	z-index: 1;
}

#maincontent span.righttopclose:before {
	display: inline-block;
	font-size: 14px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: red;
	color: white;
	border-radius: 50%;
}

header.main-header {
	white-space: nowrap;
}

/** 较大窗口调整 **/
@media ( min-width :980px) {
	header.main-header {
		margin-right: 46px;
	}
	#maincontent {
		padding-top: 12px;
		border-top: 3px solid #888;
	}
	.infulllayer #maincontent span.righttopclose {
		display: none;
		right: 21px !important;
	}
	#maincontent span.righttopclose {
		top: -16px !important;
		right: 9px !important;
		position: absolute !important;
		width: 30px;
		height: 30px;
	}
	#maincontent span.righttopclose:before {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	div.content-wrapper.home {
		overflow: visible;
	}
	
	.layerbtn.fa {
		top: -18px;
		right: 9px !important;
		width: 30px;
		height: 30px;
		line-height: 28px;
		border: 1px solid #e47749;
	}
		
	.topfull .layerbtn.fa{
		top: 6px;	
	}
	
	#headertopback {
		display: block !important;
		width: 50px;
		background: #0e6e8c;
		height: 50px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
	}
}




#maincontent .mainicons {
	max-width: 676px;
}

.mainicons .subicons, .fulllayer .subicons {
	clear: both;
	border-top: 12px #f8f8f8 solid;
	padding-bottom: 2px;
}

.mainicons .subicons:first-child, .fulllayer .subicons:first-child {
	clear: both;
	border-top: 0px #f8f8f8 solid;
}

div.subicons p {
	margin: 8px;
	color: #888;
}

.subicons:last-child {
	border-bottom: 12px #f8f8f8 solid;
}

i.progress {
	background: blue;
	position: relative;
}

i.progress>i {
	position: absolute;
	top: 0;
	left: 0;
}

i.progress, i.progress i {
	height: 18px;
	line-height: 18px;
}

i.progress i.ba {
	background: green;
}

i.progress i.tx {
	padding: 0 4px;
	color: white;
}

i.progress i.ba.r {
	background: red;
}

.crosshair {
	cursor: crosshair;
}

.pointer {
	cursor: pointer;
}

.b {
	font-weight: 900;
}

.gred {
	background-color: #f00;
	color: #fff;
}

.cbtn {
	display: inline-block;
	padding: 4px;
}

td.mark {
	padding: 8px;
	background-color: inherit;
}

th.thop {
	width: 0.1%;
}

.maxwidth1200 {
	max-width: 1200px;
	margin: auto;
}

.maxwidth800 {
	max-width: 800px;
	margin: auto;
}

.maincontenttree div.left {
	border-right: 1px solid #ddd;
	float: left;
	width: 200px;
	min-height: 907px;
}

.maincontenttree div.left {
	border-right: 1px solid #ddd;
	float: left;
	width: 200px;
	padding-right: 10px;
}

.maincontenttree div.left a.cmd {
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.maincontenttree div.left a.cmd span.fa-exchange {
	position: absolute;
	top: 11px;
	right: 0px;
}

.maincontenttree div.left a.cmd:last-child {
	border-bottom: 0px solid #ddd;
}

.maincontenttree div.right {
	overflow-x: auto;
	margin-left: 200px;
}

.maincontenttree div.left div.suba {
	display: none;
	padding-left: 16px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.tabbox .tabbox>.nav-tabs>li.active {
	border-color: #fff;
}

.tabbox .tabbox>.nav-tabs>li a {
	border-color: #fff;
}

.tabbox .tabbox>.nav-tabs>li.active>a {
	border-color: #fff;
}

.tablebox.morepage {
	padding-bottom: 12px;
}

.tablebox .table-bordered>thead>tr>th.rightborder {
	border-right: 1px solid #000;
}

.tablebox .table-bordered tr>td.rightborder {
	border-right: 1px solid #000;
}

.main-header a.minlogo {
	float: left;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	margin: 3px 0 0 12px !important;
}

.tabbox .tabbox .nav-tabs {
	border-color: #fff;
	min-height: 32px;
}

.tablebox .table-bordered>thead>tr {
	border-top: 1px solid #d6d6d6;
}

.layerbtn {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.formbox .form-group img {
	max-width: 100%;
}

.paperImages img {
	max-width: 100%;
}

@media ( min-width :600px) {
	.layerbtn {
		position: absolute;
		left: auto;
		right: 6px !important;
	}
	.paperImages img {
		max-width: 1200px;
		max-height: 1200px;
	}
	.nav-tabs-custom {
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
		border-left: 0px solid #000 !important;
	}
	.maincontent .nav-tabs-custom, .layui-layer-content .nav-tabs-custom {
		border-top: 0px solid #000 !important;
	}
}

@media ( max-width :1200px) {
	.col-sm-12 {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.tabbox .tabbox .nav>li>a {
	padding: 2px 6px;
	margin-left: 8px;
	margin-right: 8px;
	min-width: 40px;
	text-align: center;
}

.tablebox tr.bghui td {
	background: #d6d6d6 !important;
	height: 8px !important;
	padding: 0;
	border-color: #d6d6d6 !important;
}

.tablebox tr.bghui td span {
	display: none;
}

.table-bordered>tbody>tr.endhang>td {
	border-bottom: 1px solid #000;
}

ul.liright li {
	float: right;
}

.tablebox tr.noborder td {
	border-top-color: #fff !important;
	border-right-color: #fff !important;
}

.tablebox tr.noborderright td {
	border-right-color: #fff !important;
}

.tablebox tr.nopadding td {
	padding: 0 8px;
}

.layui-layer-dialog.nopadding .layui-layer-content {
	padding: 0;
}

input.busy, input.busy2, input.busy3 {
	background-image: url(../../images/btnfun.png);
	background-repeat: no-repeat;
	background-position: left;
	background-repeat: no-repeat;
	background-position-x: 0%;
	animation: busys 1s linear infinite;
}

.readonly button.submit {
	display: none;
}

@
keyframes busys { 0% {
	background-position-x: 0%;
}

100%
{
background-position-x
:
100%;

	
}
}
.content-header .breadcrumb {
	background-repeat: no-repeat;
	background-position: -100px 100px;
}

tr.inpage {
	border-top: 2px solid #7292aa;
}

tr.a {
	cursor: pointer;
}

.tabbox .tabbox>.nav-tabs>li>a, .tabbox .tabbox>.nav-tabs>li>a:hover {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.tabbox .tabbox>.nav-tabs>li.active>a, .tabbox .tabbox>.nav-tabs>li.active>a:hover
	{
	background-color: #c93a2f;
	border: 1px solid #c93a2f;
	border-radius: 4px;
	color: #fff;
}

.fontsize12, .fa.fontsize12, .fa.fontsize12:before {
	font-size: 12px;
}

font.blue2 {
	color: #0c67ae;
	font-size: 18px;
}

input {
	background-color: #fff;
	border: 1px solid #ccc;
}

input[disabled], input[readonly] {
	background-color: #eee;
	border: 1px solid #ccc;
}

.balance td.pd {
	padding: 0;
	vertical-align: top;
}

.balance table {
	width: 100%;
}

/** table detail  **/
.tablebox.detail td {
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
}

.tablebox.detail td.key {
	text-align: right;
	padding-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 10%;
	color: #888;
	border-right: 0px solid #fff;
}

.ellipsis, .ellipsis span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tablebox td.pre, .tablebox th.pre, i.pre, span.pre , a.pre {
	white-space: nowrap;
}

.table-bordered>thead>tr>th.pre:before, .table-bordered>thead>tr>th.fixed:before
	{
	content: "";
}

.tablebox.detail td.key:after {
	content: '\20\20:';
	padding-right: 0;
}

.tablebox.detail table {
	border-width: 0;
}

.tablebox .layui-layer-content {
	clear: both;
}

.tablebox td.tdop a {
	margin: 0 6px;
	cursor: pointer;
}

.tablebox td.edited span {
	font-weight: 900;
}

@media ( max-width :767px) {
	.tablebox td.tdop a {
		margin: 0px 2px;
	}
}

.boolyes, .boolno {
	display: inline-block;
	width: 12px;
	height: 14px;
	overflow: hidden;
	line-height: 14px;
}

.boolyes:before, .boolno:before {
	content: "\f111";
	font: normal normal normal 14px/1 FontAwesome;
	width: 12px;
	display: inline-block;
	color: #00aa00;
	font-size: 12px;
}

.boolno:before {
	color: #aaa;
}

.tablebox td.tdop {
	width: 36px;
	white-space: nowrap;
}

.tablebox tr td:first-child {
	border-left-color: #fff;
}

.table-bordered>tbody>tr.curhang>td.input input {
	background: #888 !important;
	background-image: url() !important;
}

.tablebox tr td:last-child, .tablebox tr td.last-child, .tablebox tr th:last-child,
	.tablebox tr th.last-child {
	border-right-color: #fff !important;
}

.tablebox tr th:first-child {
	border-left-color: #fff;
}

.tablebox tr th:last-child {
	border-right-color: #fff;
}

.tablebox tr th {
	background: #efefef;
}

.tab-content .box {
	border-top: 0px solid #d2d6de;
}

.tab-content .box-body {
	padding-top: 2px;
}

.col-sm-1 .btn {
	margin: 0 auto;
	display: block;
}

td a.hideop {
	display: none;
}

@media ( max-width :767px) {
	.sidebar-mini .col-sm-1 .btn {
		margin: 0;
		float: right;
		display: block;
	}
}
/** tablebox end **/

/** uploadimage **/
.uploadimage div.imageinput input {
	width: 160px;
	height: 160px;
	background: #fff;
	color: #fff;
	border-width: 0;
	cursor: pointer;
	opacity: 0.001;
}

.uploadimage div {
	width: 160px;
	/*height: 208px;*/
	float: left;
	text-align: center;
	margin-bottom: 15px;
	margin-left: 15px;
	position: relative;
}

.inputimageinline .uploadimage div {
	height: 196px;
	margin-bottom: 0;
}

.inputimageinline .uploadimage div input.filen {
	display: none;
}

.inputimageinline .uploadimage div p.delete {
	line-height: 40px;
	height: 40px;
}

.uploadimage div.img {
	height: 160px;
	border: 1px solid #ddd;
	margin-bottom: 0;
	margin-left: 0;
	float: none;
}

.uploadimage div img {
	max-width: 160px;
	max-height: 160px;
	display: block;
	margin: 0 auto;
}

.uploadimage div img.load, .uploadimage div img.ok {
	position: absolute;
	width: 20%;
	height: auto;
	bottom: 11%;
	right: 0;
	display: none;
}

.uploadimage div.load img.load {
	display: block;
}

.uploadimage div.ok img.ok {
	display: block;
}

.uploadimage p {
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.uploadimage div.add:hover {
	border: 1px solid #ddd;
}

.uploadimage div.imageinput {
	width: 75px;
	overflow: hidden;
}

.uploadimage div.add {
	background-image: url(../../images/add_img.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	height: 75px;
}

.uploadimage div.add1 {
	background-image: url(../../images/add_img1.png?r=3);
}

.uploadimage div.add2 {
	background-image: url(../../images/add_img2.png?r=3);
}

.uploadimage div.add3 {
	background-image: url(../../images/add_img3.png?r=3);
}

.imagediv {
	display: block;
}

.imagediv img {
	max-width: 100%;
}

.table-bordered>tbody>tr>td span .worksheetimages img {
	max-width: 200px;
	max-height: 200px;
}

/** uploadimage end**/
.outputtipbtn {
	width: 40px;
	height: 40px;
	border: 1px solid red;
}

/** ol.cmdfun **/
ol.cmdfun.topcmd {
	float: right;
	margin-right: 24px;
	padding-inline-start: 0px;
}

.tophtml span.caption {
	display: inline-block;
	padding-left: 24px;
	font-weight: 900;
	color: #c93a2f
}

ol.cmdfun.topcmd li {
	list-style: none;
	margin-left: 24px;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 16px;
}

ol.cmdfun.topcmd li.noellipsis {
	max-width: 1024px;
}

ol.cmdfun.topcmd li.width240 {
	max-width: max-content;
}

.cmdbox li.width240 input {
	width: 240px;
}

ol.cmdfun.topcmd li.notext {
	margin-left: 12px;
}

ol.cmdfun.topcmd li.notextb {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #aaa;
}

ol.cmdfun.topcmd li.notext span.cap, ol.cmdfun.topcmd li.notextb span.cap
	{
	disply: none;
}

ol.cmdfun.topcmd .fa:before {
	padding-right: 3px;
	font-size: 12px;
}

ol.cmdfun.icons {
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	background-color: white;
}

#maincontent ol.cmdfun.icons {
	background-color: transparent;
}

#maincontent ol.cmdfun.icons li.show-tabs.fa:before {
	color: #fcb048;
}

ol.cmdfun.icons li:hover {
	background: #eee;
	border-color: #ddd;
}

/** ol.cmdfun end **/

/** dataTables_wrapper **/
.dataTables_wrapper ul.odd li i {
	vertical-align: middle;
}

.dataTables_wrapper ul.odd li:before {
	margin-right: 6px;
	color: #0c67ae
}

.dataTables_wrapper td.fa {
	display: table-cell
}

.dataTables_wrapper ul.odd {
	padding: 0;
	margin: 0 12px 0 0;
	list-style: none;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	float: left;
	cursor: pointer;
	border-radius: 4px;
	height: 28px;
	overflow: hidden;
}

.dataTables_wrapper ul.odd:hover {
	background: #eee;
}

.tablebox.nohover table.table-bordered tr.odd:hover {
	background: #fff;
}

.dataTables_wrapper ul.odd li {
	padding: 0 12px;
	margin: 0;
	list-style: none;
	display: inline-block;
	margin-right: 8px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.icons .dataTables_wrapper .fa:before {
	font-size: 32px;
	width: 100px;
	display: block;
	text-align: center;
	margin-top: 14px;
	margin-bottom: 4px;
}

.icons .dataTables_wrapper .fa:before {
	
}

.icons .dataTables_wrapper td .fa:before {
	font-size: 12px;
	width: auto;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
}

.icons .dataTables_wrapper ul.odd {
	padding: 0;
	white-space: normal;
	height: 80px;
	position: relative;
}

.icons .dataTables_wrapper ul.odd li {
	padding: 0;
	white-space: normal;
	height: 80px;
	width: 100px;
	text-align: center;
	margin-right: 0;
	line-height: 15px;
}

.icons .dataTables_wrapper ul.odd li span{
	display: block;
    padding: 0 12px;	
}

/** dataTables_wrapper end **/
.layui-layer.fullLayer {
	border-width: 0;
	border-radius: 0;
}

.layui-layer.nav-tabs-custom {
	border-top: 3px solid #c93a2f;
}

.nav-tabs-custom .nav-tabs-custom {
	box-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important;;
	border-left: 0px solid #ddd !important;
	border-top: 0px solid #d2d6de;
}

.tablebox .tip, .layui-layer-content  .tip {
	background-color: #f2f2f2;
	margin: 6px 6px;
	clear: both;
	padding: 12px;
	color: #660;
	border-radius: 6px;
	border: 1px solid #ddd;
	font-size: 12px;
}

.cmdbox input {
	height: 24px;
	font-size: 12px;
	border: 1px solid #d2d6de;
	width: 120px;
}

ol.cmdfun.topcmd li.search {
	padding-top: 0;
}

/** inputtemplete  **/
.inputtemplete {
	margin: 3px 12px;
}

.inputtemplete p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.inputtemplete td, .inputtemplete th {
	border: 1px solid #aaa;
	padding: 3px;
	text-align: center;
}

.inputtemplete th {
	background: #ccc;
}

.inputtemplete td p.p1 {
	color: #888;
}

.inputtemplete td p.p2 {
	color: #000;
	font-weight: 900;
}

.inputtemplete .table table {
	min-width: 100%;
}

.inputtemplete td, .inputtemplete td p {
	font-size: 12px;
	text-align: center;
}

.inputtemplete .table {
	overflow-x: auto;
	overflow-y: auto;
	max-height: 300px;
	margin-top: 12px;
	-webkit-overflow-scrolling: touch;
}

/** inputtemplete end **/

/*.layui-layer.showlist{*/
.showlist .classcmd .col-sm-12, .detail .col-sm-12 {
	border: 0px solid red;
	margin-top: 0;
	padding-top: 0;
}

.showlist tr {
	cursor: pointer;
}

.copyenabled tr, .copyenabled tr td, .copyenabled tr td span {
	cursor: text;
	user-select: text;
}

.showlist .boxbody {
	padding-bottom: 0;
	border-bottom: 1px solid red;
}

.showlist .nav-tabs-custom {
	box-shadow: none;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.showlist .tbale {
	margin-bottom: 6px;
}

.tablebox .selectmu {
	padding: 0 10px;
}

.tablebox th.thtdmu, .tablebox td.thtdmu {
	width: 36px;
	text-align: center;
}

.tablebox th.thtdmu, .tablebox td.thtdmu, .tablebox td.dblclickedit,
	.tablebox td.input {
	cursor: default;
}

.tablebox td.dblclickedit {
	padding-left: 0;
	padding-right: 0;
}

.tablebox td.dblclickedit span {
	padding-left: 8px;
	padding-right: 8px;
}

div.toppagestr div.selectmu {
	padding: 0 0 6px 28px;
}

.tablebox .thtdmuhidden {
	display: none;
}

.table-bordered>tbody>tr>td.input input, .tablebox td span.dblclickedit
	{
	background: #f4f4f4;
	background-image: url(../../images/input.png?r=2);
}

.table-bordered>tbody>tr.readonly>td.input input, .tablebox tr.readonly td span.dblclickedit
	{
	background: #fff;
	background-image: url();
}

.table-bordered>tbody>tr.readonly:hover>td.input input, .tablebox tr.readonly:hover td span.dblclickedit
	{
	background: #f4f4f4;
}

.table-bordered>tbody>tr.hui td, .table-bordered>tbody>tr.hui span a,
	.table-bordered>tbody>tr.hui span, .table-bordered>tbody>tr.hui input {
	color: #aaa;
}

.table-bordered>tbody>tr.inedit {
	background: #e1ecf4;
}

.table-bordered>tbody>tr.inedit:hover {
	background: #c0cad1;
}

.tablebox td.clickfun {
	cursor: pointer;
	color: #0c67ae;
}

.tablebox .selectmu i {
	margin-left: 12px;
	cursor: pointer;
}

.tablebox td {
	line-height: 18px !important;
}

.tablebox td input[type=checkbox], td input[type=radio] {
	margin: 0;
	height: 12px;
	line-heigth: 18px;
}

.pagination {
	margin: 4px 0 0 0;
}

.pagination>.disabled>a {
	color: #ddd;
}

.nav-tabs-custom {
	margin-bottom: 2px;
}

.content {
	padding-bottom: 0;
}

.showFullLayer0 {
	padding: 12px;
}

ol.boxlist li {
	margin: 6px 24px;
}

ol.boxlist li.fa:before {
	margin-right: 3px;
}

.layui-layer.rightmenu .layui-layer-content {
	overflow: hidden;
}

.layui-layer.rightmenu .layui-layer-content {
	overflow-y: auto;
}

ul.rightmenu li:before {
	margin-right: 3px;
}

ul.rightmenu li {
	display: block;
	margin: 0;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
	height: 24px;
	padding: 0 9px;
}

ul.rightmenu li.topborderddd {
	margin-top: 4px;
	border-top: 1px solid #d6d6d6;
	padding-top: 4px;
	height: 28px;
}

ul.rightmenu {
	padding-bottom: 0;
	padding: 0;
	margin-bottom: 0;
}

ul.apprightmenu {
	padding-top: 6px;
}

@media ( min-height :600px) {
	ul.rightmenu li {
		line-height: 28px;
		height: 28px;
	}
	ul.rightmenu li.topborderddd {
		height: 32px;
	}
}

ul.rightmenu li.html {
	cursor: auto;
	height: auto;
}

ul.rightmenu li.html:hover {
	background: #fff;
}

ul.tablerightmenu li:first-child {
	width: 75%;
}

ul.rightmenu li:hover {
	background: #e8e8e8;
}

.pagination li.okfun a {
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff;
	padding: 0;
	padding-left: 12px;
	background: #fff;
}

.okfonly li.okfun a {
	border: 0px solid #fff;
	padding: 0;
}

li.okfun a:hover {
	background-color: #fff;
}

li.okfun a button {
	padding: 7px 12px;
	border: 0;
	border-radius: 2px;
}

span.inputfile {
	display: inline-block;
	position: relative;
	width: 120px;
	overflow: hidden;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
}

span.inputfile input {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
	cursor: pointer;
	opacity: 0.001;
	vertical-align: middle;
}

@media ( max-width :600px) {
	.navbar-custom-menu>.navbar-nav {
		display: none;
	}
}

.big1 {
	font-size: 14px;
}

.big2 {
	font-size: 16px;
}

.option td span.b {
	font-weight: 900;
}

.option  .maininput {
	border: 1px solid #0c67ae;
	width: 100%;
	margin: 6px 0;
	height: 28px;
}

input:focus {
	border: 1px solid #0c67ae;
}

.option input.maininput:focus {
	border: 3px solid #0c67ae;
}

.option .table {
	margin-bottom: 0;
}

.option div.tablebox {
	font-size: 12px;
}

.option #maininput_xiao {
	line-height: 18px;
	padding: 6px;
}

.option #maininput_xiao span.hui {
	color: #888;
}

.option #maininput_xiao span.green {
	color: #0c67ae;
}

.weight900 {
	font-weight: 900;
}

.option .no-data {
	color: white;
	padding: 0;
	height: 73px;
}

.maininputbox {
	max-width: 800px;
	margin: 0 auto;
}

.layui-layer-setwin .layui-layer-close2 {
	right: 0px !important;
	top: 0px !important;
}

.fullimage .layui-layer-setwin .layui-layer-close2 {
	top: -24px !important;
	right: -6px !important;
}

.layui-layer.showimage {
	overflow: visible;
}

@media ( min-width :600px) {
	.showimage .layui-layer-setwin {
		left: auto !important;
		right: 0 !important;
		width: 50px;
		left: auto !important;
	}
}

.showimage a.more, .showImageVm a.more {
	display: inline-block;
	padding: 6px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	right: 4px;
}

.nav-tabs-custom.noborder {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
	border-left: 0px solid #ddd !important;
	border-top: 0px solid #d2d6de;
}

.infoinfo {
	padding: 12px;
}

div.grogressbar {
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 16px;
	font-size: 0;
}

div.grogressbar div {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 16px;
	height: 16px;
	font-size: 12px;
	vertical-align: top;
	color: #000
}

div.grogressbar div.line {
	background: #c93a2f;
	text-align: right;
	color: #fff;
}

p.caption {
	font-size: 18px;
	text-align: center;
	margin: 24px 0;
}

.scrolly div.layui-layer-content {
	overflow-y: scroll;
}

.textright {
	text-align: right;
}

div.scrollhidden.layui-layer-page .layui-layer-content {
	overflow: hidden;
}

.layui-layer-page .layui-layer-content {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.layui-layer-page.realfulllayer .layui-layer-content {
	overflow-x: auto;
}


.layui-layer-page .layui-layer-content {
    overflow-x: hidden;
}


.box-footer {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top: 0px solid #f4f4f4;
	padding: 10px;
}

.infotable .pagestr {
	padding-bottom: 0;
}

.pagination>li>a, .pagination>li>span {
	min-width: 32px;
	padding: 6px;
}

@media ( min-width :600px) {
	.fulllayer {
		overflow: visible;
	}
	.layerbtn {
		position: absolute;
		top: 6px;
		right: -12px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #c93a2f;
		background: #fff;
		padding: 0;
		border-radius: 50%;
		border: 1px solid #eee;
		cursor: pointer;
	}
	.fulllayer .layui-layer-setwin {
		display: none;
	}
	img.imgtoleft, img.imgtoright {
		position: absolute;
		top: 50%;
		cursor: pointer;
		transform: translateY(-50%);
	}
	img.imgtoleft {
		left: 12px;
	}
	img.imgtoright {
		right: 12px;
	}
}

.box-body, .nav-tabs-custom>.tab-content {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

/** 全屏模式  **/
.main-header div.top-header {
	display: inline-block;
	min-width: 100px;
}

.main-header .content-header>.breadcrumb {
	background-color: rgba(64, 64, 64, 0.25);
	color: white;
}

.main-header .content-header>.breadcrumb span li:after, .main-header .content-header>.breadcrumb li.selectbusiness:after
	{
	color: white;
}

.main-header .navbar-custom-menu, .top-header, .bottom-header {
	display: none;
}

.navbar-custom-menu li.needDeal a.dropdown-toggle, .navbar-custom-menu li.needRead a.dropdown-toggle
	{
	background: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-top: 6px;
	padding-top: 10px;
}

.navbar-custom-menu li.needDeal i.white:before, .navbar-custom-menu li.needDeal li.worktask a
	{
	color: red;
}

.navbar-custom-menu li.needRead i.white:before, .navbar-custom-menu li.needRead li.worktask a
	{
	color: green;
}

.content-header>.breadcrumb {
	padding: 10px;
}

.headNavBar li {
	padding-top: 2px;
	display: block;
}

.headNavBar li:hover {
	background-color: #c2c6ce;
}

.main-header .headNavBar li:hover {
	background-color: #c93a2f;
}

.form-group.endhang {
	border-bottom: 1px solid #888;
	margin-bottom: 12px;
	padding-bottom: 6px;
}

/** 特殊发货 **/
#showoutputtipbox {
	position: fixed;
	background: #000;
	overflow-y: auto;
}

#showoutputtipbox p {
	margin: 0;
	padding: 6px;
}

#showoutputtipbox p.cap {
	font-size: 18px;
	border-bottom: dotted 1px #888;
}

#showoutputtipbox img {
	max-width: 70%;
	display: block;
	margin: auto;
}

.icons .dataTables_wrapper #showoutputtipbox .fa:before {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
}

#showoutputtipbox span.close {
	color: #fff;
	position: absolute;
	opacity: 1;
	border-radius: 50% 0 0 50%;
	padding: 8px;
	right: 0;
	top: 198px;
}

#showoutputtipbox.left {
	top: 40px;
	left: 0%;
	right: 0%;
	bottom: 0;
}

#showoutputtipbox.right {
	top: 40px;
	left: 100%;
	bottom: 0;
	right: -100%;
}

@media ( max-width :600px) {
	#showoutputtipbox.left, #showoutputtipbox.right, #showoutputtipbox {
		bottom: 40px;
		top: 0;
	}
}

#showoutputtipbox.toleft {
	animation: movetoleft 0.5s;
}

#showoutputtipbox.toright {
	animation: movetoright 0.5s;
}

@
keyframes movetoright {from { left:0;
	right: 0
}

to {
	left: 101%;
	right: -101%;
}

}
@
keyframes movetoleft {from { left:101%;
	right: -101%;
}

to {
	left: 0;
	right: 0
}

}
#JP_thisjiangpan div {
	display: block;
	width: 9.9999%;
	height: 47px;
	text-align: center;
	font-size: 16px;
	float: left;
	overflow: hidden;
}

#JP_thisjiangpan div:hover span {
	background: #ddd;
}

#JP_thisjiangpan div span {
	border: 1px solid #ddd;
	display: block;
	height: 36px;
	line-height: 36px;
	margin: 6px 3px 0px 3px;
	border-radius: 3px;
	font-size: 20px;
}

#JP_thisjiangpan div span.s {
	font-size: 14px;
	background: #eee;
}

#JP_thisjiangpan div.t80 {
	width: 80%;
	text-align: left;
}

#JP_thisjiangpan div.t80 span {
	font-size: 20px;
	overflow: hidden;
}

#JP_thisjiangpan div.t80 span font.gb {
	animation: guangbiao 1s linear infinite;
	display: inline-block;
	width: 6px;
	height: 24px;
	background: #888;
	margin-left: 2px;
	margin-top: 5px;
	vertical-align: top;
}

#JP_thisjiangpan div.t5 {
	width: 5%;
}

#JP_thisjiangpan div.t15 {
	width: 15%;
	font-size: 12px;
}

#JP_thisjiangpan div.t20 {
	width: 19.99%;
	font-size: 12px;
}

#JP_thisjiangpan div.t80 span {
	background: #eee;
}

#JP_thisjiangpan div.cur span {
	background: #aaa;
}

/***左下角图标***/
.icons .af:after {
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	position: absolute;
	top: 30px;
	left: 52px;
	font-size: 12px;
	border-radius: 50%;
	background: #fff;
}

@media ( max-width : 600px) {
	.icons .af:after {
		top: 28px;
		left: 42px;
	}
}

/* 任务通信，仿微信 */
div.worktasktypelist {
	padding: 8px 8px 0 8px;
	clear: both;
}

div.worktasktypelist span.icon {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	overflow: hidden;
	position: relative;
}

div.worktasktypelist span.icon i.needRead, div.worktasktypelist span.icon i.needReply,
	div.worktasktypelist span.icon i.needDeal {
	position: absolute;
	display: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	top: 0;
	right: 6px;
}

div.worktasktypelist span.icon i.needRead {
	display: block;
	background: #008000;
}

div.worktasktypelist span.icon i.needReply, div.worktasktypelist span.icon i.needDeal
	{
	display: block;
	background: #dd0000;
}

div.worktasktypelist span.icon .fa:before {
	font-size: 36px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: auto;
}

div.worktasktypelist span.cap {
	font-size: 16px;
	display: block;
	float: left;
	width: 100%;
}

div.worktasktypelist p.memo {
	font-size: 12px;
	border-bottom: 1px solid #e8e8e8;
	padding: 2px 0 8px 0;
	margin: 0;
}

/*任务详情*/
.worktasklist {
	background: #efefef;
	margin: 0 auto;
}

.worktasklist.mail {
	padding-bottom: 40px;
}

@media ( max-width :600px) {
	.worktasklist.mail {
		padding-bottom: 12px;
	}
}

.worktasklist div.list {
	padding: 8px;
	margin: 20px 8px 0 8px;
	background: #fff;
	border-radius: 6px
}

.worktasklist div.list:last-child {
	margin-bottom: 20px;
}

.worktasklist.mail p.c {
	text-align: center;
	margin: 12px 0;
}

.worktasklist div.list .fa:before {
	font-size: 12px;
}

.worktasklist div.list span.user {
	display: inline-block;
	margin: 4px 4px 4px 0;
}

.worktasklist div.list span.user {
	border-bottom: 1px dotted #aaa;
}

.worktasklist div.list span.user.manager {
	border-bottom: 1px dotted #fff;
}

.bottomread {
	border-bottom: 1px dotted red;
}

.worktasklist div.list span.user .read {
	display: inline-block;
	background: #aaa;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	margin: 1px 1px 2px 1px;
}

.worktasklist div.list span.user .read.red {
	background: #e47749;
}

.worktasklist div.list span.user .read.green {
	background: green;
}

.worktasklist div.list .head {
	margin-bottom: 12px;
}

.worktasklist div.list .taskdata p {
	margin: 2px 0;
}

.worktasklist div.list table {
	width: 100%;
}

.worktasklist div.list table td {
	padding: 4px 0;
	line-height: 150%;
}

.worktasklist div.list table tr td i.new {
	
}

.worktasklist div.list table tr td.st {
	text-align: right;
}

.worktasklist div.list table tr td.op a {
	display: inline-block;
	padding-left: 8px;
}

.worktasklist div.list table .s20, .fa.s20:before, .s20 {
	font-size: 20px;
}

.worktasklist div.list table .s18, .fa.s18:before, .s18 {
	font-size: 18px;
}

.worktasklist div.list table .s16, .fa.s16:before, .s16 {
	font-size: 16px;
}

.worktasklist div.list table .s14, .fa.s14:before, .s14 {
	font-size: 14px;
}

.worktasklist div.list table .s12, .fa.s12:before, .s12 {
	font-size: 12px;
}

.worktasklist div.list table tr.trline {
	border-bottom: 1px solid #efefef;
}

div.mailinputbox0 {
	display: none;
}

div.mailinputbox {
	position: fixed;
	left: 0;
	width: 100%;
	right: 0;
	bottom: 0;
	padding: 3px;
	margin: 0;
	text-align: center;
	background: #fff;
}

.worktasklist p.ts {
	padding: 0;
	margin: 8px;
}

.worktasklist p.mail {
	margin: 6px;
	padding: 6px;
	display: block;
	max-width: 70%;
}

.worktasklist .maillist.right.sending .con {
	border: 2px dotted white;
}

.worktasklist .maillist.sending .con {
	border: 2px dotted #96eb6a;
}

.worktasklist .maillist.failed .con {
	border: 2px dotted red;
}

.worktasklist p.left {
	background: #fff;
	float: left;
}

.worktasklist p.right {
	background: #0f0;
	color: #fff;
	float: right;
}

/** 附加图片 **/
div.mailinputbox .more {
	margin-top: 12px;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 12px;
}

div.mailinputboxtop {
	padding-top: 16px;
}

div.mailinputbox button.le {
	margin-left: 8px;
}

div.mailinputbox input {
	height: 34px;
	font-size: 14px;
	padding: 10px 6px;
	line-height: 14px;
}

div.worktasklist .maillist {
	width: 100%;
	padding: 6px;
}

div.worktasklist .maillist i.icon.fa:before {
	font-size: 28px;
	display: inline-block;
	float: left;
	width: 40px;
	height: 28px;
	vertical-align: top;
}

div.worktasklist .maillist i.icon.fa.s12:before {
	font-size: 12px;
	height: 12px;
}

div.worktasklist .maillist div.main {
	display: inline-block;
	width: 76%;
	vertical-align: top;
}

div.worktasklist .maillist span.userhead.failed img {
	display: none;
}

div.worktasklist .maillist span.userhead.failed i {
	display: inline-block;
}

div.worktasklist .maillist span.userhead {
	text-align: center;
	padding-right: 6px;
	padding-left: 0;
	display: inline-block;
	max-height: 48px;
	min-width: 32px;
	overflow: hidden;
}

div.worktasklist .maillist.right span.userhead {
	padding-left: 6px;
	padding-right: 0;
}

div.worktasklist .maillist span.userhead i {
	display: none;
}

div.worktasklist .maillist span.userhead img {
	max-width: 40px;
	max-height: 40px;
	display: inline-block;
}

div.worktasklist .maillist div.main span.user {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

div.worktasklist .maillist div.main span.con {
	display: inline-block;
	background: #fff;
	text-align: justify;
	text-justify: inter-ideograph;
	border-radius: 8px;
	padding: 8px;
	font-size: 15px;
}

div.worktasklist .maillist div.main span.con img {
	max-width: 100%;
	max-height: 140px;
	min-height: 140px;
	border-radius: 8px;
}

div.worktasklist .maillist div.main span.con img.on {
	min-height: 0;
}

div.worktasklist .right {
	text-align: right;
}

div.worktasklist .image img {
	float: left;
}

div.worktasklist .image.right img {
	float: right;
}

div.worktasklist .right div.main span.con {
	background: #96eb6a;
}

div.worktasklist .image div.main span.con {
	padding: 0;
	background: #fff;
}

#maincontent .facetop span.facecap {
	display: none;
}

/** 旗帜  **/
.fa.flag1:before, .fa.flag2:before, .fa.flag3:before, .fa.flag4:before,
	.fa.flag5:before {
	display: inline-block;
	padding: 2px;
	border-radius: 4px;
	background-color: #fff;
}

.fa.flag1:before {
	color: #fd0000;
}

.fa.flag2:before {
	color: #dcd700;
}

.fa.flag3:before {
	color: #00fd28;
}

.fa.flag4:before {
	color: #0051fd;
}

.fa.flag5:before {
	color: #e000fc;
}

.af-blue:after {
	color: #0e6e8c;
}

.af-yellow:after {
	color: #e47748;
}

.af-red:after {
	color: #e47749;
}

/** 禁止 **/
.af-ban:after {
	content: "\f05e";
}

/** 向上箭头 **/
.af-arrow-up:after {
	content: "\f062";
}

/** 向下箭头 **/
.af-arrow-down:after {
	content: "\f063";
}

/** 盘点 **/
.af-google-wallet:after {
	content: "\f1ee";
}

/** 叉 **/
.af-close:after {
	content: "\f00d";
}

/** 对号 **/
.af-check:after {
	content: "\f00c";
}

/** 标签 **/
.af-bookmark:after {
	content: "\f02e";
}

/** 加号 **/
.af-plus:after {
	content: "\f067";
}

/** 垃圾 回收 **/
.af-trash:after {
	content: "\f1f8";
}

/** 刷新 **/
.af-refresh:after {
	content: "\f021";
}

/** 钟 声音 **/
.af-bell:after {
	content: "\f0f3";
}

/** 钟 声音 **/
.af-bell-o:after {
	content: "\f0a2";
}

/** 钟 静音 **/
.af-bell-slash-o:after {
	content: "\f1f7";
}

/** 钟 声音 **/
.af-bell:after {
	content: "\f0f3";
}

/** 钟 静音 **/
.af-bell-slash:after {
	content: "\f1f6";
}

/** 审核 **/
.af-gavel:after {
	content: "\f0e3";
}

/** 酒杯  **/
.af-glass:after {
	content: "\f000";
}

/** 人 等待  **/
.af-male:after {
	content: "\f183";
}

/** 咖啡  **/
.af-coffee:after {
	content: "\f0f4";
}

/** 播放  **/
.af-play:after {
	content: "\f04b";
}

/** 完成 锚  **/
.af-ancho:after {
	content: "\f13d";
}

/** TAG  **/
.af-tag:after {
	content: "\f02b";
}

/** 分享  **/
.af-share:after {
	content: "\f064";
}

/** 多个手指 **/
.af-hand-paper-o:after {
	content: "\f256";
}

/** 一个手指 **/
.af-hand-pointer-o:after {
	content: "\f25a";
}

/**旗帜**/
.af-flag:after {
	content: "\f024";
}

/**列表**/
.af-list:after {
	content: "\f03a";
}

/**set**/
.af-cog:after {
	content: "\f013";
}

/**人民币**/
.af-jpy:after {
	content: "\f157";
}

/**问号**/
.af-question:after {
	content: "\f128";
}

/**问号**/
.af-arrows-alt:after {
	content: "\f0b2";
}



